<?php defined('IN_YuLin') || exit('NO PERMIT!'); ?>
{template index/lottery_log_header}

	<div class="result-body">
		<div v-show="isLoading" style="margin:10%;">正在获取数据中...</div>
		<div v-show="!isLoading" class="result-con" style="min-width:initial;position:relative;display:none">
			<div v-show="polyline">
				<div id="LINE-CONTAINER" class="line-container"></div>
			</div>
			<table style="position:relative">
				<thead>
					<tr>
						<th rowspan="2">期数</th>
						<th rowspan="2" v-bind:colspan="gameInfo.ballPos" class="col-line">开奖号码</th>
						<th v-bind:colspan="gameInfo.ballCount" v-for="(d,i) in gameInfo.titles"  v-bind:class="{'col-line':i!=gameInfo.ballPos}">{{d}}</th>
					</tr>
					<tr is="my-th" v-bind:ball-pos="gameInfo.ballPos" v-bind:ball-count="gameInfo.ballCount" v-bind:start="gameInfo.start" v-bind:is-bottom="false"></tr>
				</thead>

				<tbody v-if="list.length > 0" id="trend-body">
					<tr v-for="(item, idx) in list" v-bind:class="{'blue-ball':idx%2===0,  'yellow-ball': idx%2!==0, 'row-line': displayAssist && idx % 5 == 4}">
						<th>{{item.period}}</th>
						<td v-for="(d, ri) in item.resultArr" v-bind:class="{'col-line':ri==item.resultArr.length- 1}"><span class="ball">{{d}}</span></td>
						<td v-for="(cm, ci) in item.continuousMissing" v-bind:id="ci == 0 && idx==0?'first-td':''"
							 v-bind:class="{'col-line':(ci + 1)%gameInfo.ballCount==0}" v-bind:style="{backgroundColor: displayMissingFloor?cm.bgColor:''}"
							 >
							<span v-bind:class="[cm.className,(['','txt-sm','txt-xs'][getNumTxt(cm).length-1]),((cm.count == 0&&displayTemperature)?temperature[ci]:'')]">{{ getNumTxt(cm)}}</span>
						</td>
						<td v-for="(cm, ci) in item.numberDistributions">
							<span class="base-ball" v-bind:class="{'ball-grey':cm.count==1, 'ball-multip': cm.count>1, 'missing02':cm.count==0}">{{cm.count!=0?cm.num:(canDisplayMissing&&displayMissing?cm.missing:'')}}</span>
						</td>
					</tr>
				</tbody>
				<tbody v-if="list.length<=0">
					<tr>
						<td v-bind:colspan="gameInfo.ballCount * (gameInfo.ballPos + 2) + 2">没有符合条件的记录</td>
					</tr>
				</tbody>
				<tbody v-if="list.length > 0 && displayStatistics">
					<tr v-for="(item, idx) in statisticsInfos" v-bind:style="{color:item.color}">
						<th v-bind:colspan="gameInfo.ballPos + 1" class="col-line">{{item.title}}</th>
						<td v-for="(d,i) in item.data" v-bind:class="{'col-line':(((i + 1)%gameInfo.ballCount==0) && (i!=item.data.length - 1)),'txt-sm':String(d).length==2,'txt-xs':String(d).length==3}">{{d}}</td>
					</tr>
				</tbody>
				<thead>
					<tr is="my-th" v-bind:ball-pos="gameInfo.ballPos" v-bind:ball-count="gameInfo.ballCount" v-bind:start="gameInfo.start" v-bind:is-bottom="true"></tr>
					<tr>
						<th v-bind:colspan="gameInfo.ballCount" v-for="(d,i) in gameInfo.titles" v-bind:class="{'col-line':i!=gameInfo.ballPos}">{{d}}</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
	
    <script id="th-template" type="text/html">
        <tr>
            <th v-if="isBottom" rowspan="2">期号</th>
            <th v-if="isBottom" v-bind:colspan="ballPos" rowspan="2" class="col-line">开奖号码</th>
            <template v-for="m in (ballPos+1)">
                <th v-for="n in ballCount" v-bind:class="{'col-line':n==ballCount && m!= ballPos+1}">{{n - 1 + start}}</th>
            </template>
        </tr>
    </script>

{template index/lottery_log_footer}